<template>
    <div>
        <search></search>
        <bb></bb>
    </div>
    <aa></aa>
</template>

<script>
import { ref } from 'vue';
import search from '../components/DangSearch.vue';
import bb from '../components/DangBody.vue';
import aa from '../components/AA.vue';
    export default {
        components: {
            search,
            bb,
            aa,
        },
        data() {
            return {
                arr: ["推荐","直播","新书速递"]
            }
        },
        setup() {
            const active = ref(1);
            return { active };
        },
    };
</script>

<style lang="scss" scoped>
    // div{
    //     background: #eee;
    // }
    .van-search{
        width: 20vw;
    }
    ::v-deep .van-field__left-icon .van-icon, .van-field__right-icon .van-icon{
        padding-left: 2vw;
    }
    div{
        background: rgb(244, 241, 241);
    }
</style>